<template>
  <div class="home">
   
    <van-notice-bar mode="closeable">
      书籍是伟大的天才留给人类的遗产。——爱迪生
      生活里没有书籍，就好像没有阳光;智慧里没有书籍，就好像鸟儿没有翅膀。——莎士比亚
      生活在我们这个世界里，不读书就完全不可能了解人。——高尔基
      书读的越多而不假思索，你就会觉得你知道得很多;但当你读书而思考越多的时候，你就会清楚地看到你知道得很少。——伏尔泰
      读书是我唯一的娱乐。我不把时间浪费于酒店、赌博或任何一种恶劣的游戏;而我对于事业的勤劳，仍是按照必要，不倦不厌。——富兰克林
      过去一切时代的精华尽在书中。——卡莱尔
    </van-notice-bar>
    <!-- 搜索 -->
    <van-search placeholder="请输入搜索关键词" disabled @click="goSearch()" />
    <!-- 轮播区域 -->
    <HomeSwiper></HomeSwiper>
     <div v-show="visible">
    <!-- 点赞前五的书 -->
    <HomeBook></HomeBook>
    <!-- 精品书单 -->
    <BookList></BookList>
    </div>
    <!-- 底部导航栏 -->
    <Bottom></Bottom>
  </div>
</template>

<script>
import { mapMutations } from "vuex";
import Bottom from "@/components/default/Bottom.vue";
import HomeSwiper from "@/components/default/HomeSwiper.vue";
import HomeBook from "@/components/book/HomeBook.vue";
import BookList from "@/components/book/BookList.vue";

export default {
  name: "Home",
  components: {
    Bottom,
    HomeSwiper,
    HomeBook,
    BookList,
  },
  data() {
    return {
      visible: false,
    };
  },

  methods: {
    //跳转搜索页
    goSearch() {
      this.$router.push("/search");
    },
    ...mapMutations("tabbar", ["tabId"]),
    getId() {
      this.tabId(0);
    },
  },

  created() {
   setTimeout(() => {
     this.visible = true;
   }, 300);
  },
};
</script>


<style scoped>
</style>